﻿/* Start Shbkat Css */
html {
	margin: 0px;
	padding: 0px;
	background: #efefef url('http://www.jewelamel.com/shbkat/Co2/img/bodybg.jpg') repeat scroll center center;
	font-family: tahoma;
	font-size: 11px;
	color: #888;
}
body {
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/hedbg.jpg') repeat-x scroll center top;
	margin: 0px;
	padding: 0px;
	font-family: tahoma;
	font-size: 11px;
	color: #888;
}
ul, li, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-position: inside;
}
img {
	border: none;
}
a, input, a:hover, textarea, sub, select {
	text-decoration: none;
	outline: 0px none;
	margin: 0px;
	padding: 0px;
}
input, textarea, sub, select {
	font: Normal 11px Tahoma;
	text-decoration: none;
	outline: 0px none;
	margin: 0px;
	padding: 0px;
}
legend {
	background: transparent url(http://demo.shbkat.com/websites/chat/q824/shbkat/Co2/img/tit.jpg) repeat-x top left;
	color: #808080;
	text-shadow: 0 1px 0 #fff;
	font: bold 11px tahoma;
	border-style: none;
	border-color: transparent;
	padding: 3px 8px;
}
fieldset {
	margin-bottom: 6px;
	border: 1px #FFFFFF solid;
}
hr {
	background: #EFEFEF;
	border-color: #FFFFFF;
}
a {
	color: #cf4977;
	text-decoration: none;
}
a:link, body_alink {
	color: #cf4977;
	text-decoration: none;
}
a:visited, body_avisited {
	color: #cf4977;
	text-decoration: none;
}
a:hover, a:active {
	color: #888888;
	text-decoration: none;
}
/* Shbkat Start */
.MyPage {
	width: 960px;
	overflow: hidden;
	margin: auto;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/pagebg.jpg') repeat-y scroll center top;
}
.HeaderCon {
	width: 960px;
	height: 458px;
	margin: auto;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/hedbg.jpg') repeat-x scroll center top;
}
.Header {
	width: 960px;
	height: 458px;
	margin: auto;
	overflow: hidden;
}
.HeaderTop {
	width: 960px;
	height: 122px;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/top2.jpg') repeat-x scroll center top;
	margin-top: 12px;
}
.HeaderTopLeft {
	background: transparent url('http://demo.shbkat.com/websites/chat/q824/shbkat/Co2/img/top1.jpg') repeat-x scroll center top;
	float: left;
	width: 24px;
	height: 122px;
}
.HeaderTopRight {
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/top3.jpg') repeat-x scroll center top;
	float: right;
	width: 24px;
	height: 122px;
}
.Menu {
	height: 45px;
	float: right;
	width: 900px;
	margin-top: 15px;
	margin-right: 9px;
}
.Menu ul {
}
.Menu li {
	display: inline;
}
.Menu li a {
	float: right;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/btns.jpg') repeat-x scroll right top;
	width: 125px;
	height: 45px;
	line-height: 52px;
	text-align: center;
	margin: 0 0 0 3px;
	font-weight: bold;
	color: #888888;
	text-shadow: 0 1px 0 #fff;
}
.Menu li a:hover, .Menu li.select a {
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/btns.jpg') repeat-x scroll left top;
	color: #a037ee;
	line-height: 40px;
}
.TopShadw {
	width: 960px;
	height: 26px;
	float: right;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/topshadow.jpg')no-repeat scroll left top;
}
.TopHead {
	width: 960px;
	height: 178px;
	float: right;
}
.TopHeadRight {
	background: transparent url('http://im67.gulfup.com/9K9LKl.jpg') no-repeat scroll left top;
	width: 370px;
	height: 178px;
	float: right;
}
.TopHeadLeft {
	width: 567px;
	height: 178px;
	float: left;
}
.Adv468 {
	width: 567px;
	height: 84px;
	float: left;
	text-align: center;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/advshadow.jpg') no-repeat scroll center bottom;
	margin-top: 22px;
}
.MyColors {
	width: 567px;
	height: 73px;
	float: left;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/colors.jpg') no-repeat scroll left top;
	text-align: center;
}
.TopOpthion {
	width: 900px;
	float: right;
	height: 44px;
	background: transparent url('http://demo.shbkat.com/websites/chat/q824/shbkat/Co2/img/navbg.jpg') repeat-x scroll left top;
	margin-top: 9px;
}
.TopOpthionRight {
	width: 496px;
	float: right;
	height: 44px;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/etsel.jpg') repeat-x scroll left top;
}
.TopOpthion .Search {
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/bhth.jpg') no-repeat scroll left top;
	width: 297px;
	height: 44px;
	float: left;
}
.TopOpthion .Search .Box {
	width: 195px;
	height: 35px;
	line-height: 35px;
	margin-top: 4px;
	margin-right: 10px;
	border: none 0px;
	background: none;
	color: #EFEFEF;
	float: right;
	direction: rtl;
}
.TopOpthion .Search .Box:focus {
	color: #FFFFFF;
	font-weight: bold;
}
.TopOpthion .Search .Go {
	width: 82px;
	height: 44px;
	float: left;
}
.NavBar {
	width: 960px;
	float: right;
	height: 120px;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/bodytop.jpg') repeat-x scroll left top;
}
/* Css */
.BodyCon {
	float: right;
	width: 960px;
}
/* Start chat */
.ChatCon {
	float: right;
	width: 960px;
	height: 233px;
}
.advchat {
	float: right;
	width: 252px;
	margin-right: 5px;
	margin-top: 33px;
}
.advchatTop {
	float: right;
	width: 252px;
	height: 71px;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/chatadv1.jpg') no-repeat scroll left top;
}
.advchatTop h1 {
	float: right;
	width: 160px;
	height: 33px;
	color: #fff;
	text-shadow: 0 1px 0 #7121ad;
	font-size: 11px;
	font-weight: bold;
	margin-top: 15px;
	margin-right: 90px;
	text-align: right;
}
.advchatTop h1 a {
	color: #fff;
	text-shadow: 0 1px 0 #7121ad;
}
.advchatTop h1 a:hover {
	color: #EFEFEF;
	text-shadow: 0 1px 0 #7121ad;
}
.advchatCenter {
	float: right;
	width: 252px;
	height: 60px;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/chatadv2.jpg') repeat-y scroll left top;
	text-align: center;
}
.advchatBottom {
	float: right;
	width: 252px;
	height: 50px;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/chatadv3.jpg') no-repeat scroll left top;
}
/* Start My chat */
.MyChat {
	float: right;
	width: 417px;
	height: 205px;
	margin-left: 11px;
	margin-right: 11px;
}
.Chat {
	float: right;
	width: 417px;
	height: 205px;
}
.ChatRight {
	float: right;
	width: 32px;
	height: 205px;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/mychat3.jpg') no-repeat scroll right top;
}
.ChatCenter {
	float: right;
	width: 213px;
	height: 205px;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/mychat2.jpg') no-repeat scroll right top;
}
.ChatApplet {
	width: 210px;
	height: 66px;
	margin: auto;
	margin-top: 75px;
	text-align: center;
}
.ChatLeft {
	float: right;
	width: 172px;
	height: 205px;
	background: transparent url('http://im66.gulfup.com/Z0zcJO.jpg') no-repeat scroll right top;
}
.swty {
	width: 417px;
	height: 101px;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/swty.jpg') no-repeat scroll right top;
	margin: auto;
	text-align: center;
}
/* SMenu */
.SMenu {
	float: right;
	width: 228px;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/menu2.jpg')repeat-y scroll right top;
	overflow: hidden;
	margin-right: 5px;
}
.SMenuTop {
	float: right;
	width: 228px;
	height: 71px;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/menu1.jpg') no-repeat scroll right top;
}
.SMenuTop h1 {
	float: right;
	width: 228px;
	height: 30px;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #7121ad;
	font-size: 11px;
	text-align: center;
	margin-top: 30px;
}
.SMenuBottom {
	float: right;
	width: 228px;
	height: 52px;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/menu3.jpg') no-repeat scroll right top;
}
.SMenu ul {
	float: right;
	width: 228px;
}
.SMenu ul li {
	display: inline;
}
.SMenu ul li a {
	display: block;
	height: 40px;
	width: 228px;
	line-height: 38px;
	color: #a037ee;
	text-align: center;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/menunav.jpg') no-repeat scroll right top;
	text-shadow: 0 1px 0 #fff;
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 11px;
}
.SMenu ul li a:hover {
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/menunav.jpg') no-repeat scroll right bottom;
	color: #888888;
	text-shadow: 0 1px 0 #fff;
}
/* Start Cat */
.BodyCenter {
	width: 465px;
	float: right;
	margin-left: 11px;
	margin-right: 11px;
}
.BlockCon {
	width: 948px;
	margin: auto;
}
.Sblock {
	width: 468px;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/sblock2.jpg')repeat-y scroll right top;
	overflow: hidden;
	float: right;
	margin: 3px;
}
.SblockTop {
	float: right;
	width: 468px;
	height: 83px;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/sblock1.jpg') no-repeat scroll right top;
}
.SblockTop h1 {
	float: right;
	width: 400px;
	height: 20px;
	color: #a037ee;
	text-shadow: 0 1px 0 #fff;
	font-size: 11px;
	text-align: right;
	margin-top: 14px;
	margin-right: 46px;
}
.SblockBottom {
	float: right;
	width: 468px;
	height: 60px;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/sblock3.jpg') no-repeat scroll right top;
}
.Sblock ul {
	float: right;
	width: 196px;
	margin-right: 25px;
	direction: rtl;
}
.Sblock ul li {
}
.Sblock ul li a {
	float: right;
	height: 16px;
	width: 188px;
	color: #a037ee;
	text-shadow: 0 1px 0 #fff;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/sblocknav.jpg') no-repeat scroll right top;
	margin-bottom: 8px;
	font-weight: bold;
	font-size: 11px;
	text-indent: 15px;
}
.Sblock ul li a:hover {
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/sblocknav.jpg') no-repeat scroll right bottom;
	color: #777;
	text-shadow: 0 1px 0 #fff;
}
/* Css */
.Footer {
	width: 100%;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/footbg.jpg') repeat-x scroll left top;
	float: right;
	height: 302px;
}
.FooterCenter {
	width: 960px;
	height: auto;
	margin: 0 auto;
}
.FooterCenterTop {
	width: 960px;
	height: 58px;
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/ftop.jpg') repeat-x scroll left top;
}
.FooterCenterTop ul {
	float: right;
	margin-top: 10px;
	margin-right: 133px;
}
.FooterCenterTop li {
	display: inline;
}
.FooterCenterTop li a {
	float: right;
	width: 110px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	color: #555;
	text-shadow: 0 1px 0 #fff;
	margin-left: 8px;
	font-weight: bold;
}
.FooterCenterTop li a:hover, .FooterCenterTop li.select a {
	
	color: #a037ee;
}
.FooterCenterTopShadow {
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/ftopshadow.jpg') no-repeat scroll left top;
	width: 960px;
	height: 35px;
}
.FooterDash {
	background: transparent url('http://im57.gulfup.com/5Nujap.jpg') no-repeat scroll left top;
	height: 137px;
}
.FooterDash ul {
	float: right;
	width: 196px;
	direction: rtl;
	margin-right: 15px;
}
.FooterDash li {
	display: inline;
}
.FooterDash li a {
	float: right;
	width: 196px;
	height: 28px;
	line-height: 26px;
	
	border-bottom: 1px #999 dashed;
	background-position: 10px;
	color: #a037ee;text-shadow: 0 1px 0 #fff;
}
.FooterDash li a:hover {
	color: #666;
	border-bottom: 1px #a037ee dashed;
}
.FooterEnd {
	height: 28px;
	margin-top: 35px;
}
.FooterEndLeft {
	background: transparent url('http://demo.shbkat.com/websites/chat/q824/shbkat/Co2/img/mylogo.jpg') no-repeat scroll right top;
	float: left;
	height: 28px;
	width: 112px;
	margin-left: 3px;
}
.FooterEndRight {
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/rights.jpg') no-repeat scroll right top;
	float: right;
	width: 218px;
	height: 28px;
	margin-right: 6px;
}
/* ---- www.shbkat.com ---- */
}.advchatt {
	float: left;
	width: 252px;
	margin-right: 5px;
	margin-top: 33px;
}

/* Start Cat */
.Cat {
	overflow: hidden;
	width: 920px;
	margin: auto;
}
.Cat h1 {
	font-size: 18px;
}
.CatTop {
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/block1.jpg') repeat-x scroll center center;
	height:66px;
}
.CatTop_Right {
	float: right;
	height: 30px;
	width: 350px;
	margin-top: 15px;
	margin-right:66px;
}
.CatTop_Right h1 {
	color: #a037ee;
	text-align: right;
	float: right;
	height:25px;
	width: 300px;
	font: bold 12px tahoma;
	text-shadow: 0 1px 0 #fff;

}
.CatTop_Right h1 a {
	color: #a037ee;
}
.CatTop_Right h1 a:hover {
	color: #666;
}
.CatTop_Left {
	display: none;
}
.CatCenter_Right {
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/block2.jpg') repeat-y scroll right;
	padding-right: 20px;
}
.CatCenter_Left {
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/block2.jpg') repeat-y scroll center left;
	padding-left: 18px;
}
.CatBody {
	padding: 0px;
	overflow: hidden;
	margin-left: 2px;
	background: #fff;
}
.CatBottom {
	background: transparent url('http://www.jewelamel.com/shbkat/Co2/img/block3.jpg') repeat-x scroll;
	height:60px;
}
.CatBottom_Right {
	display: none;
}
.CatBottom_Left {
	display: none;
}
/* End Cat */